<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width,initial-scale=1.0" />
        <link rel="icon" type="image/png" href="./static/image/favicon.ico" />
        <link
            rel="shortcut icon"
            type="image/x-icon"
            href="./static/image/favicon.ico"
        />
        <link
            rel="bookmark"
            type="image/x-icon"
            href="./static/image/favicon.ico"
        />
        <!-- <link rel="stylesheet" media="screen and (min-width:1360px)" href="./src/assets/css/lib/media.css" /> -->
        <title>五育通</title>

        <!-- 解释和显示页面中的中文和其他特殊字符 -->
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <!-- 浏览器将不安全的 HTTP 请求自动升级为安全的 HTTPS 请求 -->
        <!-- <meta
            http-equiv="Content-Security-Policy"
            content="upgrade-insecure-requests"
        /> -->
        <style>
            .first-screen-loading {
                width: 200px;
                height: 200px;
                position: fixed;
                top: 50%;
                left: 50%;
                margin-top: -100px;
                margin-left: -100px;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
            }

            .first-screen-loading-spinner {
                width: 36px;
                height: 36px;
                border: 3px solid #626bf1;
                border-top-color: transparent;
                border-radius: 50%;
                animation: spinner 0.8s linear infinite;
            }

            .first-screen-loading-text {
                margin-top: 20px;
                color: #626bf1;
            }

            @keyframes spinner {
                0% {
                    transform: rotate(0deg);
                }

                100% {
                    transform: rotate(360deg);
                }
            }
        </style>
        <script src="/static/config.js"></script>
    </head>
    <body>
        <div id="app">
            <div id="loader-wrapper">
                <div class="first-screen-loading">
                    <div class="first-screen-loading-spinner"></div>
                    <div class="first-screen-loading-text">
                        正在加载中，请稍等 ...
                    </div>
                </div>
            </div>
        </div>
        <script src="https://cdn.bootcss.com/vue/2.5.3/vue.js"></script>
        <script src="https://cdn.bootcss.com/vue-router/2.7.0/vue-router.min.js"></script>
        <script src="https://cdn.bootcss.com/axios/0.17.1/axios.min.js"></script>
        <link
            rel="stylesheet"
            href="http://unpkg.zhimg.com/element-ui/lib/theme-chalk/index.css"
        />
        <script src="http://unpkg.zhimg.com/element-ui/lib/index.js"></script>
        <script src="https://cdn.bootcss.com/echarts/4.2.1-rc1/echarts.min.js"></script>
    </body>
</html>
